import { ProCard } from "@ant-design/pro-components";
import { Avatar, Space, Typography } from "antd";
import React from "react";

const UserInfoCardHeader: React.FC<{ colSpan?: number }> = ({ colSpan = 24 }) => {
	return (
		<div style={{ display: "flex", justifyContent: "space-between" }}>
			<div style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
				<Avatar size={60} src={"https://hov-boot.oss-cn-fuzhou.aliyuncs.com/2024/01/22/3eede853bc154cf2ad75578e0931c8df.jpg"} />
				<div
					style={{
						marginLeft: 15,
						display: "flex",
						justifyContent: "flex-start",
						flexDirection: "column"
					}}
				>
					<Typography.Title level={4} style={{ color: "white" }}>
						Herther
					</Typography.Title>
					<Typography.Text type="secondary" style={{ color: "white" }}>
						蚂蚁金服事业部 | 高级研发
					</Typography.Text>
				</div>
			</div>
		</div>
	);
};
export default UserInfoCardHeader;
